<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客正文</title>
    <link rel="stylesheet" href="css/conmmon.css">
    <link rel="stylesheet" href="css/blog_content.css">
    <link rel="stylesheet" href="editor.md/css/editormd.preview.min.css" />
    <script src="js/jquery.min.js"></script>
    <script src="editor.md/editormd.js"></script>
    <script src="editor.md/lib/marked.min.js"></script>
    <script src="editor.md/lib/prettify.min.js"></script>
    <script src="js/common.js"></script>
    <style>
        .container-right{
          margin-left: 30%;
        }
      
      
    </style>
</head>

<body>
    <!-- 导航栏 -->
    <div class="nav">
        <img src="img/logo2.jpg" alt="">
        <span class="title">我的博客系统</span>
        <!-- 用来占据中间位置 -->
        <span class="spacer"></span>
        <a href="blog_list.html">主页</a>
        <a href="mydraft_list.html">草稿</a>
        <a href="myblog_list.html">我的文章</a>
        <a href="personal_center.html">个人中心</a>
        <a href="login.html">登录</a>
        <a href="javascript:logout()">注销</a>
    </div>
    <!-- 版心 -->
    <div class="container">

      
        <!-- 中间内容详情 -->
        <div class="container-right">
            
            <div class="blog-content">
                <!-- 博客标题 -->
                <h3 id="title">我的第一篇博客</h3>
                <!-- 博客时间 -->
                <div class="date"> 
                    发布时间： <span id="updatetime">2021-06-02</span>&nbsp;&nbsp;
                    阅读量：<span id="rcount">1</span>
                </div>
                <!-- 博客正文 -->
                <div id="editorDiv">

                   
                </div>
               
            </div>
        </div>

      
    </div>

    <script type="text/javascript">
        var editormd;
        // 将md的内容转成html的内容
        function initEdit(md){
            editormd = editormd.markdownToHTML("editorDiv", {
            markdown : md, // Also, you can dynamic set Markdown text
            // htmlDecode : true,  // Enable / disable HTML tag encode.
            // htmlDecode : "style,script,iframe",  // Note: If enabled, you should filter some dangerous HTML tags for website security.
            });
        }


       

        function getArtDetail(id){
            if(id==""){
                alert("非法参数");
                return;
            }
            jQuery.ajax({
                url:"/art/detail",
                type:"POST",
                data:{"id":id},
                success:function(result){
                    if(result!=null && result.code == 200){
                        jQuery("#title").html(result.data.title);
                        jQuery("#updatetime").html(result.data.updatetime);
                        jQuery("#rcount").html(result.data.rcount);
                        initEdit(result.data.content)
                       

                    }else{
                        alert("查询失败，请重试!");
                    }
                }
            });

        }
        getArtDetail(getUrlValue("id"));

    

        
</script> 




</body>

</html>